<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding:2px;
        }
        #d1 img{
            animation: dongtai 5s infinite;
        }
        @keyframes dongtai {
            0%{transform: rotate(0deg) scale(0.5);}
            100%{transform: rotate(360deg) scale(1.2);}
        }
    </style>
</head>
<body>
<h2>顺时针旋转360度放大1.2倍</h2>
<div id="d1">
    <img src="img/delicious.png">
    <img src="img/facebook.png">
    <img src="img/rss.png">
    <img src="img/twitter.png">
    <img src="img/yahoo.png">
</div>
</body>
</html>